header, footer, section {
  display: block; }

body {
  height: auto;
  background-color: #d9d9d9;
  font-family: Microsoft YaHei,SimSun,Helvetica,Arial,Sans-serif;
  font-size: 16px;
  cursor: crosshair; }
  body a:link, body a:hover, body a:visited {
    color: #fff;
    text-decoration: none; }

.icon {
  display: inline-block; }

.icon {
  display: inline-block;
  background: url("../images/icon/fixed-bar.png") no-repeat 0 0 white; }

.icon-home {
  width: 20px;
  height: 18px;
  background-position: 0px 0px; }

.icon-rss {
  width: 19px;
  height: 19px;
  background-position: -24px 0px; }

.icon-tag {
  width: 20px;
  height: 14px;
  background-position: -47px 0px; }

.icon-search {
  width: 24px;
  height: 26px;
  background-position: 0px -24px; }

.icon-contact {
  width: 18px;
  height: 25px;
  background-position: -25px -24px; }

/* layout - start */
#wrap {
  height: auto;
  width: 100%; }
  #wrap #container {
    width: 92%;
    padding: 30px;
    margin: 0 auto;
    /* layout/fixed-bar/fixed-bar - start */
    /* layout/fixed-bar/fixed-bar - end */
    /* layout/header/header - start */
    /* layout/header/header - end */
    /* layout/footer/footer - start */
    /* layout/footer/footer - end */ }
    #wrap #container #fixed-bar {
      background-color: black;
      height: 100%;
      width: 30px;
      position: fixed;
      top: 0;
      left: 0;
      color: #fff; }
      #wrap #container #fixed-bar .icon-list a {
        width: 26px;
        height: 26px;
        display: inline-block;
        background-color: #fff;
        margin: 5px 1px;
        position: relative; }
        #wrap #container #fixed-bar .icon-list a span {
          position: absolute; }
        #wrap #container #fixed-bar .icon-list a .icon-home {
          top: 3px;
          left: 3px; }
        #wrap #container #fixed-bar .icon-list a .icon-rss {
          top: 4px;
          left: 3px; }
        #wrap #container #fixed-bar .icon-list a .icon-tag {
          top: 6px;
          left: 3px; }
        #wrap #container #fixed-bar .icon-list a .icon-search {
          top: 0;
          left: 0; }
        #wrap #container #fixed-bar .icon-list a .icon-contact {
          top: 1px;
          left: 4px; }
    #wrap #container header#header {
      height: 96px;
      width: 100%;
      background-color: #fff;
      position: relative;
      margin-bottom: 25px; }
      #wrap #container header#header h1 {
        font-size: 60px;
        position: absolute;
        top: 17px;
        right: 53px; }
      #wrap #container header#header h2 {
        position: absolute;
        top: 26px;
        right: 31px;
        font-size: 18px;
        color: #727272; }
      #wrap #container header#header section#search-bar {
        position: absolute;
        top: 35px;
        left: 27px; }
        #wrap #container header#header section#search-bar a#do-search {
          display: inline-block;
          width: 100px;
          height: 25px;
          margin-left: 10px;
          background-color: #999;
          text-align: center; }
    #wrap #container footer#footer {
      width: 100%;
      padding: 10px;
      margin-top: 30px;
      position: relative;
      height: 64px; }
      #wrap #container footer#footer a#html5-logo {
        width: 357px;
        position: absolute;
        right: 10px; }

/* layout - end */
